<!--
 * @Author: hyq
 * @LastEditors: hyq
 * @Description: 
 * @Date: 2023-12-12 13:50:00
-->
<template>
  <view v-if="show" class="e-model">
    <view class="e-model-content">
      <view class="content">
        <view class="slot-content">
          <slot></slot>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
const props = withDefaults(
  defineProps<{
    show: boolean
  }>(),
  {
    show: false
  }
)
</script>
<style scoped lang="scss">
.e-model {
  transition-duration: 400ms;
  transition-timing-function: ease-out;
  z-index: 10075;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 30rpx;
  background: rgba(0, 0, 0, 0.5);
  .e-model-content {
    width: 650rpx;
    min-height: 200rpx;
    background-color: #fff;
    position: relative;
    border-radius: 12rpx;
    // overflow: hidden;
    .content {
      //   padding: 50rpx 48rpx 32rpx 48rpx;
    }
    .slot-content {
      //   font-size: 30rpx;
      //   line-height: 50rpx;
      //   color: #303234;
      //   font-size: 30rpx;
      //   // display: block;
      //   word-break: break-all;
    }
  }
}
</style>
